<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>BitriseCapital</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <!-- Facebook Opengraph integration: https://developers.facebook.com/docs/sharing/opengraph -->
  <meta property="og:title" content="">
  <meta property="og:image" content="">
  <meta property="og:url" content="">
  <meta property="og:site_name" content="">
  <meta property="og:description" content="">

  <!-- Twitter Cards integration: https://dev.twitter.com/cards/  -->
  <meta name="twitter:card" content="summary">
  <meta name="twitter:site" content="">
  <meta name="twitter:title" content="">
  <meta name="twitter:description" content="">
  <meta name="twitter:image" content="">
  <link rel="stylesheet" href="./css/style_main.css">
  <style>
    [v-clock] {
      display: none;
    }
  </style>
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>

</head>

<body>
  <div id="app" v-clock>
    <transition name="show0">
      <div class="run-time" v-show="runTime">
        <span class="time1">{{time1}}</span>
        <span class="time2">{{time2}}</span>
        <span class="time3">{{time3}}</span>
        <span class="word">EST</span>
      </div>
    </transition>
    <transition name="show1">
      <div class="show1" v-show="!runTime">
        <div class="logo" @click="checkNav(4)">
          <img src="./images/logo-201808111.png" alt="">
        </div>
        <nav>
          <ul>
            <li @click="checkNav(0)">
              <a href="#">
                <p>TEAM</p>
                <span>团队</span>
              </a>
            </li>
            <li @click="checkNav(1)">
              <a href="#">
                <p>POR-</p>
                <p>TFOLIO</p>
                <span>投资集锦</span>
              </a>
            </li>
            <li @click="checkNav(2)">
              <a href="#">
                <p>ECO</p>
                <p>SYSTEM</p>
                <span>生态伙伴</span>
              </a>
            </li>
            <!-- <li @click="checkNav(3)">
              <a href="#">
                <p>COM-</p>
                <p>MUNITY</p>
                <span></span>
              </a>
            </li> -->
            <li>
              {{navTime.month}} / {{navTime.data}}
            </li>
          </ul>
        </nav>
        <transition name="page1">
          <div class="page1" v-show="navCheck[4]">
            <div class="bgimg">
              <img src="./images/geimage-2018089111.png" alt="">
              <div class="yanzhu">
                <img class="pupil" src="./images/pupil2018.png" alt="">
              </div>
              <img class="baowei" src="./images/baowei-2018.png" alt="">
              <img class="baowei2" src="./images/baowei-2018.png" alt="">
              <img class="baowei4" src="./images/baowei-2018.png" alt="">
              <img class="direction" src="./images/DIRECTION-2018.png" alt="">
              <span></span>
              <img class="group" src="./images/GROUP2018.png" alt="">
              <span></span>
              <img class="structure" src="./images/structure2018.png" alt="">
              <span></span>
              <img class="team" src="./images/tem2018.png" alt="">
              <span></span>
              <span class="quan1"></span>
              <span class="quan2"></span>
            </div>
            <div class="mainfont">
              <p>寻找</p>
              <p>每一个发光体</p>
              <font>NICE TO SEE YOU</font>
              <span>WE ARE BITRISE</span>
            </div>
            <div class="referral">
              <p>BRC(Bitrise Capital)专注于区块链领域投资，信仰赋能区块链未来</p>
              <p>当前，我们坚持全球化投资、重点赛道投资、基础设施投资三大特点</p>
              <p>未来，我们期待分布式应用真正爆发的一天</p>
              <p>在更早的时机，用更高的视野，激发创造，激活创新</p>
              <span>BP投递<font>&nbsp;bp@bitrisevc.com</font>
              </span>
              <span>
                <font>xj@bitrisevc.com </font>商务合作</span>
            </div>
            <span class="side-word">WHO ARE WE</span>
          </div>
        </transition>
        <transition name="page2">
          <div class="page2" v-show="navCheck[0]">
            <div class="creativeness">
              <div class="creativeness-box">
                <div class="mainfont-page2">
                  <p>创始团队</p>
                  <font>CREATIVENESS TEAM</font>
                </div>
                <div class="mainfont-page3">
                  <p>合伙人团队</p>
                  <font>CREATIVENESS TEAM</font>
                </div>

                <div class="founder-box">
                  <div class="founder-sun">
                    <span>
                      <img src="./images/sun_20180814095426.jpg" alt="">
                    </span>
                    <p>孙奇锋
                      <br>
                      <font>BRC 创始合伙人</font>
                    </p>
                  </div>
                  <div class="founder-kong">
                    <span>
                      <img src="./images/kong11_20180814095331.jpg" alt="">
                    </span>
                    <p>孔剑平
                      <br>
                      <font>BRC 创始合伙人</font>
                    </p>
                  </div>
                  <div class="founder-shao">
                    <span>
                      <img src="./images/shao_20180814095259.jpg" alt="">
                    </span>
                    <p>邵建良
                      <br>
                      <font>BRC 创始合伙人</font>
                    </p>
                  </div>
                </div>
                <div class="partner-box">
                  <div class="partner-luo">
                    <span>
                      <img src="./images/luo_20180814095317.jpg" alt="">
                    </span>
                    <p>罗增宇
                      <br>
                      <font>BRC 合伙人</font>
                    </p>
                  </div>
                  <div class="partner-xu">
                    <span>
                      <img src="./images/xujiajia_20180813104011.jpg" alt="">
                    </span>
                    <p>徐佳
                      <br>
                      <font>BRC 合伙人</font>
                    </p>
                  </div>
                </div>
              </div>
              <div class="btn-change">
                <img src="./images/zhuanhuan_20180814160141.png" alt="">
              </div>
            </div>
            <span class="side-word">A GREAT UNDERTAKIG</span>
          </div>
        </transition>
        <transition name="page-por">
          <div class="page-por" v-show="navCheck[1]">
            <div class="canvasOne">
              <p></p>
              <canvas class="canvasTwo" width="300" height="300"></canvas>
              <a href="#">
                <div class="juniorlog">
                  <span></span>
                  <canvas class="canvasshow" width="300" height="300"></canvas>
                </div>
              </a>
            </div>
            <div class="canvasOne">
              <a href="#">
                <p></p>
                <canvas class="canvasTwo" width="300" height="300"></canvas>
                <div class="juniorlog">
                  <span></span>
                  <canvas class="canvasshow" width="300" height="300"></canvas>
                </div>
              </a>
            </div>
            <div class="canvasOne">
              <a href="#">
                <p></p>
                <canvas class="canvasTwo" width="300" height="300"></canvas>
                <div class="juniorlog">
                  <span></span>
                  <canvas class="canvasshow" width="300" height="300"></canvas>
                </div>
              </a>
            </div>
            <div class="canvasOne">
              <a href="#">
                <p></p>
                <canvas class="canvasTwo" width="300" height="300"></canvas>
                <div class="juniorlog">
                  <span></span>
                  <canvas class="canvasshow" width="300" height="300"></canvas>
                </div>
              </a>
            </div>
            <div class="canvasOne">
              <a href="#">
                <p></p>
                <canvas class="canvasTwo" width="300" height="300"></canvas>
                <div class="juniorlog">
                  <span></span>
                  <canvas class="canvasshow" width="300" height="300"></canvas>
                </div>
              </a>
            </div>
            <div class="canvasOne">
              <a href="#">
                <p></p>
                <canvas class="canvasTwo" width="300" height="300"></canvas>
                <div class="juniorlog">
                  <span></span>
                  <canvas class="canvasshow" width="300" height="300"></canvas>
                </div>
              </a>
            </div>
            <div class="canvasOne">
              <a href="#">
                <p></p>
                <canvas class="canvasTwo" width="300" height="300"></canvas>
                <div class="juniorlog">
                  <span></span>
                  <canvas class="canvasshow" width="300" height="300"></canvas>
                </div>
              </a>
            </div>
            <div class="canvasOne">
              <a href="#">
                <p></p>
                <canvas class="canvasTwo" width="300" height="300"></canvas>
                <div class="juniorlog">
                  <span></span>
                  <canvas class="canvasshow" width="300" height="300"></canvas>
                </div>
              </a>
            </div>
            <div class="canvasOne">
              <a href="#">
                <p></p>
                <canvas class="canvasTwo" width="300" height="300"></canvas>
                <div class="juniorlog">
                  <span></span>
                  <canvas class="canvasshow" width="300" height="300"></canvas>
                </div>
              </a>
            </div>
            <div class="canvasOne">
              <a href="#">
                <p></p>
                <canvas class="canvasTwo" width="300" height="300"></canvas>
                <div class="juniorlog">
                  <span></span>
                  <canvas class="canvasshow" width="300" height="300"></canvas>
                </div>
              </a>
            </div>
            <div class="canvasOne">
              <a href="#">
                <p></p>
                <canvas class="canvasTwo" width="300" height="300"></canvas>
                <div class="juniorlog">
                  <span></span>
                  <canvas class="canvasshow" width="300" height="300"></canvas>
                </div>
              </a>
            </div>
            <div class="canvasOne">
              <a href="#">
                <p></p>
                <canvas class="canvasTwo" width="300" height="300"></canvas>
                <div class="juniorlog">
                  <span></span>
                  <canvas class="canvasshow" width="300" height="300"></canvas>
                </div>
              </a>
            </div>
            <div class="canvasOne">
              <a href="#">
                <p></p>
                <canvas class="canvasTwo" width="300" height="300"></canvas>
                <div class="juniorlog">
                  <span></span>
                  <canvas class="canvasshow" width="300" height="300"></canvas>
                </div>
              </a>
            </div>
            <div class="canvasOne">
              <a href="#">
                <p></p>
                <canvas class="canvasTwo" width="300" height="300"></canvas>
                <div class="juniorlog">
                  <span></span>
                  <canvas class="canvasshow" width="300" height="300"></canvas>
                </div>
              </a>
            </div>
            <div class="canvasOne">
              <a href="#">
                <p></p>
                <canvas class="canvasTwo" width="300" height="300"></canvas>
                <div class="juniorlog">
                  <span></span>
                  <canvas class="canvasshow" width="300" height="300"></canvas>
                </div>
              </a>
            </div>
            <div class="canvasOne">
              <a href="#">
                <p></p>
                <canvas class="canvasTwo" width="300" height="300"></canvas>
                <div class="juniorlog">
                  <span></span>
                  <canvas class="canvasshow" width="300" height="300"></canvas>
                </div>
              </a>
            </div>
            <div class="mainfont-por">
              <p>投资集锦</p>
              <font>PORTFOLIO</font>
            </div>
          </div>
        </transition>
        <transition name="page-eco">
          <div class="page-eco" v-show="navCheck[2]">
            <ul>
              <li>
                <img src="./images/backg6_20180814142330.png" alt="">
                <p>Huobi 推荐机构</p>
              </li>
              <li>
                <img src="./images/backg6_20180814142330.png" alt="">
                <p>LBank 基石节点</p>
              </li>
              <li>
                <img src="./images/backg6_20180814142330.png" alt="">
                <p>FOne 专属交易区</p>
              </li>
              <li>
                <img src="./images/backg6_20180814142330.png" alt="">
                <p>IBSC 战略合作</p>
              </li>
              <li>
                <img src="./images/backg6_20180814142330.png" alt="">
                <p>FCoin 保荐机构</p>
              </li>
              <li>
                <img src="./images/backg6_20180814142330.png" alt="">
                <p>未完待讯</p>
              </li>
            </ul>
            <div class="mainfont-eco">
              <p>合作机构</p>
              <font>cooperative</font>
            </div>
          </div>
        </transition>

        <div class="footerbar">
          <p>微信公众号：bitrisevc</p>
          <p>公司地址：195 PEARL'S HILL TERRACE #02-65 SINGAPORE(168976)</p>
          <p>中国办事处：浙江省杭州市江干区迪凯银座30楼</p>
        </div>
        <img src="./images/dibuwang2018.png" alt="" class="dibuwang">
      </div>
    </transition>
  </div>
  <script src="./js/vue.js"></script>
  <script src="./dist/home.js"></script>
</body>

</html>